<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name=”renderer” content=”webkit”>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-活动分析管理系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <link href="js/toastr/toastr.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid" id="app">
     <!-- breadcrumb -->
      <template class="page-header">
          <breadcrumb class="pull-left">
              <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
              <breadcrumb-item>采购计划</breadcrumb-item>
          </breadcrumb>
      </template>
      <!-- 搜索条件 -->
      <div class="table-margin">
          <row class="mtop">
              <i-col span="3" class-name="mr10" style="width:200px;">
                  <i-input placeholder="经销商名称" v-model="qDealerName"></i-input>
              </i-col> 
               <i-col span="3" class-name="mr10" style="width:200px;">
                  <i-input placeholder="产品名称" v-model="qProductName"></i-input>
              </i-col>                                                                                     
              <i-button type="primary" class="mr10" @click="querytable">搜索</i-button>
              <i-button type="primary" class="mr10" @click="addplan = true">添加计划</i-button>
          </row>                        
      </div>
        <!-- 添加计划弹框 -->
        <modal v-model="addplan" title="添加采购计划" @on-ok="savePlan" @on-cancel="cancel" width='600'>

            <row id="savePlanIsOrNot">
                <!--<i-col span="3" class-name="mr10" style="width:200px;">
                    <i-select v-model="IStore" placeholder="请选择店面">
                        <i-option value="东二环店">东二环店</i-option>
                        <i-option value="建华店">建华店</i-option>
                        <i-option value="金利来店">金利来店</i-option>
                        <i-option value="北杜店">北杜店</i-option>
                        <i-option value="北二环店">北二环店</i-option>
                        <i-option value="西二环店">西二环店</i-option>
                    </i-select>
                </i-col>-->
                <i-form label-position="right" :label-width="80">
                    <i-col span="22">
                        <Form-item label="经销商：" >
                        <i-input placeholder="点击图标选择经销商" icon='ios-search' v-model="DealerName" @on-click="dealer = true" disabled></i-input>
                        </Form-item>
                    </i-col>

                    <i-col span="22">
                        <Form-item label="产品：" >
                        <i-input placeholder="点击图标请选择产品" icon='ios-search' v-model="ProductName" @on-click="product = true" disabled></i-input>
                        </Form-item>
                    </i-col>

                    <i-col span="22">
                        <Form-item label="单价：" >
                        <i-input v-model="ProductPrice" placeholder="请输入单价" @on-change="changePlanMoney"></i-input>
                        </Form-item>
                    </i-col>

                    <i-col span="22" >
                        <Form-item label="数量：" >
                        <i-input v-model="ProductNumber" placeholder="请输入数量" @on-change="changePlanMoney"></i-input>
                        </Form-item>
                    </i-col>

                    <i-col span="22" >
                        <Form-item label="金额：" >
                        <i-input v-model="PlanMoney" disabled></i-input>
                        </Form-item>
                    </i-col>
                </i-form>
            </row>
        </modal>
      <!-- 选择经销商弹框 -->
      <modal v-model="dealer" title="选择经销商" @on-ok="ok" @on-cancel="cancel" width='800'>
              <i-col span="3" class-name="mr10" style="width:300px;">
                  <i-input v-model="JxsNameOrNo" placeholder="请输入经销商编号或名称" ></i-input>
              </i-col>
              <i-button type="primary" class="mr10" @click="queryjxstable">搜索</i-button>
           <i-table :columns="jxscolumns" :data="jxsdata" algin="center" class="table_style" @on-row-click="jxsRowClic" style="margin-top: 15px"></i-table>
      </modal>
      <!-- 选择产品弹框 -->
      <modal v-model="product" title="选择产品" @on-ok="ok" @on-cancel="cancel" width='1100'>
          <i-col span="3" class-name="mr10" style="width:300px;">
              <i-input v-model="ProductNameOrNo" placeholder="请输入产品编号或名称" ></i-input>
          </i-col>
          <i-button type="primary" class="mr10" @click="queryproducttable">搜索</i-button>
           <i-table :columns="productcolumns" :data="productdata" algin="center" class="table_style" @on-row-click="productRowClic" style="margin-top: 15px"></i-table>
      </modal>

    <!-- 搜索结果 -->
      <div class="table-margin">
           <i-table :columns="columns1" :data="data1" algin="center" class="table_style"></i-table>
          <Page :total="c1Total" :current="c1Current" :page-size="c1PageSize"  :show-total="true" @on-change="beforequerytable" :transfer="true"></Page>
      </div>  
      <!-- 查看明细弹框 -->
      <modal v-model="infomodel" title="查看明细" @on-ok="ok" @on-cancel="cancel" width='800'>
           <i-table :columns="infocolumns" :data="infodata" algin="center" class="table_style"></i-table>
      </modal>
</div>
</body>
<script src="js/vue.js"></script>
<script src="js/iview.min.js"></script>
<script src="js/toastr/toastr.min.js"></script>
<script src="js/plan/plan.js"></script>
</html>

  

  

  

  

  
